<template>
    <div class="footer-wrap">
        <div class="footer-top">
            <div class="footer-cont">
                <div class="footer-txt flex jus-b">
                    <div class="flex">
                        <div class="foot-item">
                            <h3 class="cfff">用户帮助</h3>
                            <ul class="item-list">
                                <li><a href="#" target="_bank">使用指南</a></li>
                                <li><a href="#" target="_bank">用户服务协议</a></li>
                                <li><a href="#" target="_bank">隐私协议</a></li>
                                <li><a href="#" target="_bank">机构用户申请</a></li>
                            </ul>
                        </div>
                        <div class="foot-item">
                            <h3 class="cfff">联系方式</h3>
                            <ul class="item-list">
                                <li>电话：1380907721</li>
                                <li>微信：xingshenzhiku</li>
                                <li>邮箱：xszk123@163.com</li>
                            </ul>
                        </div>
                        <div class="foot-item">
                            <h3 class="cfff">更多法律资源</h3>
                            <ul class="item-list">
                                <li><a href="https://www.ilawpress.com/" target="_bank">有章阅读</a></li>
                                <li><a href="http://br.ilawpress.com/" target="_bank">“一带一路”知识服务平台</a></li>
                                <li><a href="#" target="_bank">有章法考</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="flex ali-c">
                        <h3 class="fs28 cfff" style="font-family:SimSun">刑审智库</h3>
                        <div class="foot-code">
                            <div class="code-img">
                                <img src="../static/images/qr_code.png" class="img100">
                            </div>
                            <div class="mt25 fs13 cfff tc">扫描二维码移动端查看更多</div>
                        </div>
                    </div>
                </div>
                <div class="foot-line"></div>
            </div>
        </div>
    <div class="footer-bottom">©2021法律出版社版权所有 京ICP备 08012467号-7</div>
    </div>
</template>

<script>
export default {
    name: "xszkFooter",
    props:{
        
       
    },
    computed: {
      
    },
    data() {
        return {
           
        };

    },
    methods: {
       
       

    },
    created() {
        
    },
   

};
</script>

<style lang="stylus" scoped>
.footer-wrap
    margin-top 50px
    width 100%
    min-height 425px
    .footer-top
        width 100%
        background #414141
        .footer-cont
            width 1153px
            height auto
            padding 70px 0
            margin 0 auto
            .footer-txt
                width 100%
                padding-right 45px
                .foot-item
                    margin-right 80px
                    .item-list li,.item-list li>a
                        color #A8A8A8
                        font-weight bolder
                        margin-top 15px
                        font-size 14px
                .foot-code
                    margin-left 70px
                    .code-img
                        margin 0 auto
                        width 150px
                        height 150px
                        overflow hidden
                        background #f8f8f8
            .foot-line
                width 100%
                height 1px
                margin-top 47px
                background #979797
    .footer-bottom
        width 100%
        height 45px
        background #1C1C1C
        color #5C5C5C
        font-size 15px
        text-align center
        line-height 45px
            
                
    
</style>
